import React, { Component } from 'react';
import { Route, Redirect } from 'react-router-dom';
import Home from '@/components/Home/Home';
import Kind from '@/components/Kind/Kind';
import Cart from '@/components/Cart/Cart';
import User from '@/components/User/User';
import Footer from '@/components/Footer';
import AnimatedRouter from 'react-animated-router';
class App extends Component {
  render() {
    return (
      <div className="container">
        <AnimatedRouter>
          <Route path='/home' component = { Home } />
          <Route path='/kind' component = { Kind } />
          <Route path='/cart' component = { Cart } />
          <Route path='/user' component = { User } />
          <Redirect to={ {pathname: '/home'} } />
        </AnimatedRouter>
        <Footer />
      </div>
    );
  }
}

export default App;




